<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/reset.css" />
        <link type="text/css" rel="stylesheet" href="css/text.css" />
        <link type="text/css" rel="stylesheet" href="css/960.css" />
        <link type="text/css" rel="stylesheet" href="css/form.css" />
        <link type="text/css" rel="stylesheet" href="css/ui_themes/smoothness/jquery-ui.min.css" />
        <link type="text/css" rel="stylesheet" href="css/ui_themes/smoothness/jquery.ui.theme.css" />
        <link type="text/css" rel="stylesheet" href="css/style.css" />
        <link type="text/css" rel="stylesheet" href="css/crop_image.css" />
        <!--[if lt IE 8]>
        <link type="text/css" rel="stylesheet" href="css/style_ie7.css" />
        <![endif]-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
        <script type="text/javascript" src="js/myscript.js"></script>
        <script type="text/javascript" src="js/raphael-min.js"></script>
    </head>
    <body>
        <div class="container_12">
            <div class="grid_12">
                <h1>Image</h1>
                <div class="cropImageWrapper" id="cropImageWrapper">
                    <img src="./images/products/image_09.jpg" />
                    <div class="cropBorder ui-widget-content" id="cropBorder">
                        
                    </div>
                    <div class="cropMask" id="cropMask_1"></div>
                    <div class="cropMask" id="cropMask_2"></div>
                    <div class="cropMask" id="cropMask_3"></div>
                    <div class="cropMask" id="cropMask_4"></div>
                </div>
                <h1>Parameters</h1>
            </div>
            
            <div class="grid_3">
                <h4>Width</h4>
                <p id="width"></p>
            </div>

            <div class="grid_3">
                <h4>Height</h4>
                <p id="height"></p>
            </div>

            <div class="grid_3">
                <h4>Top</h4>
                <p id="top"></p>
            </div>

            <div class="grid_3">
                <h4>Left</h4>
                <p id="left"></p>
            </div>
        </div>
        
        <?php include('crop_image_script.php'); ?>
    </body>
</html>